import 'package:flutter/material.dart';
import 'package:ui_templates/app_theme.dart';

class HelpPage extends StatefulWidget {
  const HelpPage({super.key});

  @override
  State<HelpPage> createState() => _HelpPageState();
}

class _HelpPageState extends State<HelpPage> {
  @override
  Widget build(BuildContext context) {
    var isLight = MediaQuery.of(context).platformBrightness == Brightness.light
        ? true
        : false;

    return Scaffold(
        body: Column(
      children: [
        Container(
          child: Image.asset(
            "assets/images/helpImage.png",
            fit: BoxFit.contain,
          ),
        ),
        Container(
          height: 50,
          alignment: Alignment.center,
          child: Text(
            "How can we help you?",
            style: TextStyle(
              color: isLight ? AppTheme.darkText : AppTheme.white,
              fontSize: 20,
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
        Container(
          height: 50,
          alignment: Alignment.center,
          child: Text(
            'It looks like you are experiencing problems\nwith our sign up process. We are here to\nhelp so please get in touch with us',
            style: TextStyle(
              color: isLight ? AppTheme.grey : AppTheme.white,
              fontSize: 14,
            ),
          ),
        ),
        Expanded(
          child: Container(
            alignment: Alignment.center,
            child: Material(
              child: InkWell(
                child: Container(
                  width: 140,
                  height: 40,
                  child: ElevatedButton(
                    child: Text("Chat with us"),
                    onPressed: () {},
                  ),
                ),
              ),
            ),
          ),
        )
      ],
    ));
  }
}
